import{j as t,u as _}from"./vendor-BTunnNwh.js";import{d2 as c,dm as m,dn as p,dp as h,dq as x}from"./index-DzCib9fG.js";const j=()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:t.jsx("path",{d:"M9 25L25 9M25 9H21M25 9V13M15 31L31 15M31 15H27M31 15V19",stroke:"var(--danc-accent)",strokeLinecap:"round",strokeLinejoin:"round"})}),f=()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",children:t.jsx("path",{d:"M31 14H15.7692L24.2308 26H9M31 14L28 11M31 14L28 17M9 26L12 23M9 26L12 29",stroke:"var(--danc-accent)",strokeLinecap:"round",strokeLinejoin:"round"})}),l="_main_1jsa3_1",u="_mode_on_top_1jsa3_14",v="_mode_off_top_1jsa3_18",g="_mode_off_bottom_1jsa3_32",w="_mode_on_bottom_1jsa3_62",b="_mode_selected_top_1jsa3_110",M="_mode_selected_bottom_1jsa3_126",L="_block_1jsa3_160",s={main:l,mode_on_top:u,mode_off_top:v,mode_off_bottom:g,mode_on_bottom:w,mode_selected_top:b,mode_selected_bottom:M,block:L},R=({selectedMode:e,setSelectedMode:o,link_available_connection:n})=>{const{t:d}=_("chain"),i=(r,a)=>()=>{r===!0&&o(a===e?c.NotConnected:a)};return t.jsxs("div",{className:s.main,children:[t.jsx("div",{onClick:i(n.optics,c.Optics),className:`${e===c.Optics?s.mode_selected_top:n.optics===!1?s.mode_off_top:s.mode_on_top}`,children:t.jsxs("div",{className:s.block,children:[t.jsx(j,{}),t.jsx("p",{children:d("optics")})]})}),t.jsx("div",{onClick:i(n.radio,c.Radio),className:`${e===c.Radio?s.mode_selected_bottom:n.radio===!1?s.mode_off_bottom:s.mode_on_bottom}`,children:t.jsxs("div",{className:s.block,children:[t.jsx(f,{}),t.jsx("p",{children:d("radio")})]})})]})},I=[{icon:t.jsx(m,{}),text:"active"},{icon:t.jsx(p,{}),text:"inactive"},{icon:t.jsx(h,{}),text:"crash"}],U="_status_line_smhtf_1",$={status_line:U},O=()=>{const{t:e}=_("chainsUnit");return t.jsx("div",{className:$.status_line,children:I.map(o=>t.jsx(x,{icon:o.icon,text:e(o.text)},o.text))})},y=({className:e="",cellSize:o=20,stroke:n="var(--stat-accent)",strokeWidth:d=.5,pattern:i="grid"})=>t.jsxs("svg",{className:e,width:"100%",height:"100%",preserveAspectRatio:"none",style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:0},children:[i==="grid"&&t.jsx("pattern",{id:"grid-pattern",width:o,height:o,patternUnits:"userSpaceOnUse",children:t.jsx("path",{d:`M ${o} 0 L 0 0 0 ${o}`,fill:"none",stroke:n,strokeWidth:d})}),i==="dots"&&t.jsx("pattern",{id:"dots-pattern",width:o,height:o,patternUnits:"userSpaceOnUse",children:t.jsx("circle",{cx:o/2,cy:o/2,r:1,fill:n})}),i==="cross"&&t.jsx("pattern",{id:"cross-pattern",width:o,height:o,patternUnits:"userSpaceOnUse",children:t.jsx("path",{d:`M ${o/2} 0 V ${o} M 0 ${o/2} H ${o}`,fill:"none",stroke:n,strokeWidth:d})}),t.jsx("rect",{width:"100%",height:"100%",fill:`url(#${i}-pattern)`})]});export{R as M,y as R,O as S};
//# sourceMappingURL=ResponsiveGrid-t5R8Oycj.js.map
